<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>

<body>
    <!-- 表单标签 action表单提交到服务器的地址 -->
    <form action="" method="post">
        用户： <input type="text">
        密码： <input type="password"><br>
        性别：
        <label for="list">男：</label>
        <input type="radio" name="gender" value="male" id="list">
        <label>
            女：<input type="radio" name="gender" value="female" id="">
        </label><br>
        籃球：<input type="checkbox" name="hobbies" value="basketball" id="">
        足球：<input type="checkbox" name="hobbies" value="football" id="">
        游泳：<input type="checkbox" name="hobbies" value="swimming" id=""><br>
        <select name="city">
            <!-- 下拉選項 -->
            <optgroup label="一線城市">
                <option value="lanzhou">蘭州</option>
                <option value="guangdong">廣東</option>
                <option value="suzhou">蘇州</option>
            </optgroup>

            <optgroup label="二xian城市">

                <option value="shanghai">上海</option>
                <option value="nanjing">南京</option>
                <option value="beijing">北京</option>
            </optgroup>

        </select><br>

        <textarea ></textarea>
        <progress value="70" max="100"></progress>
        <input type="range" min="0" step="1" max="10">

        <input type="datetime-local">
        <input type="date">
        <input type="color">
        <input type="button" value="提交">
    </form>
</body>

</html>